<#include "module/macro.ftl">
<@head title="${post.title!} · ${options.blog_title!'Anatole'}" keywords="${post.title!},${options.seo_keywords!'Anatole'},${tagWords!}" description="${post.summary!'Anatole'}"></@head>
    <div id="app">
		<#include "module/header.ftl">
        <main class="mx-auto pt-12 sm:pt-10 container">
            <div class="article-content">
                <div class="mx-auto px-4 max-w-6xl tracking-wider md:leading-relaxed sm:leading-normal mx-800">
                    <section class="mt-4">
                        <h1 class="pb-0 mb-0 text-4xl text-gray-900	font-bold text-left post-title tracking-wider">
                            
							${post.title}
                        </h1>
                        <p class="text-left mt-8 mb-8"><span class="author-info">
                            <img src="${options.blog_logo!'/${theme.folderName}/source/images/logo@2x.png'}" alt="${options.blog_title!'Anatole'}" class="avatar inline-block h-8	w-8">
                            <span class="nickname text-gray-900 leading-8 text-lg font-normal ml-2">${options.blog_title!'Anatole'}</span>
                            <span class="color-gray leading-8 text-right ml-4 text-lg">${post.createTime?string("yyyy-MM-dd")}</span></span>
						</p>
                        <div class="subpixel-antialiased md-content">
                            ${post.formatContent!}
                            <h2 id="abrfYhMz">扩展阅读</h2>
                            <#if nextPost??>
                                <p class="pre pagbuttons">
                                    <a class="light-link" href="${options.blog_url!}/archives/${nextPost.url}" title="${nextPost.title}">${nextPost.title}</a>
                                </p>
                            </#if>
                            <#if prePost??>
                                <p class="pre pagbuttons">
                                    <a class="light-link"href="${options.blog_url!}/archives/${prePost.url}" title="${prePost.title}">${prePost.title}</a>
                                </p>
                            </#if>
                        </div>
                    </section>
                    <#if tags?size gt 0>
                        <#list tags as tag>
                            <p class="flex flex-row justify-start flex-wrap">
                                <i class="iconfont icon-folder" style="font-size: 12px; line-height: 36px;"></i>
                                <a class="mt-2 mb-2 mr-2" href="${options.blog_url!}/tags/${tag.slugName}">&nbsp;${tag.name}</a>
                            </p>
                        </#list>
                    </#if>
                    <hr class="mt-4">
                    <div id="comment_widget">
                        <#include "module/comment.ftl">
                        <@comment post=post type="post" />
                    </div>
                </div>
            </div>
        </main>
        
	</div>
<@footer></@footer>
